var cityValue='北京';
var statusCharact=1;
var hotelStyle="假日公园";
var statusClassic=1;
$(function () {
    cityList(cityValue);
    titleList(hotelStyle);
})
//验证form表单内容
function checkCityForm(){
    if($("#city_address").val()==""||$("#city_address").val()==null){
        alert("请输入目的地");
        return false;
    }
    return true;
}

$("#h3city a").click(function () {
    cityValue=$(this).text();
    cityList(cityValue);
})
/**
 * 热门酒店列表
 * @param cityValue
 */
function  cityList(cityValue) {
    $("#citylistul").html("");
    $.post("/hotel/hotelcharact.json",{cityHotel:cityValue,statusCharact:statusCharact},function (data) {
        for(var j=0;j<data.length;j++){
            var numId=data[j].num;
            var html="<li>\n" +
                "<a href=/hotel/houseinf.json/"+numId+"><img src="+data[j].picture+" /></a>" +
                "<p>"+data[j].name+"</p>\n" +
                "<ul class=\"star clearfix\">\n" +
                "<li class=\"fill\"></li>\n" +
                "<li class=\"fill\"></li>\n" +
                "<li class=\"fill\"></li>\n" +
                "<li class=\"fill\"></li>\n" +
                "<li class=\"fill\"></li>\n" +
                "</ul>\n" +
                "<p></i>￥<i>"+data[j].price+"</i></p>\n" +
                "</li>";
            $("#citylistul").append(html);
        }
    })
}


/**
 * 主题酒店方法
 * @param hotelStyle
 */
$("#titleh3 a").click(function () {
    hotelStyle=$(this).text();
    titleList(hotelStyle);
})
function  titleList(hotelStyle) {
    $("#titlelistul").html("");
    $.post("/hotel/hotelclassic.json",{hotelStyle:hotelStyle,statusClassic:statusClassic},function (data) {
        for(var j=0;j<data.length;j++){
            var numId=data[j].num;
            var html="<li>\n" +
                "<a href=/hotel/houseinf.json/"+numId+"><img src="+data[j].picture+" alt=\"\" /></a>" +
                "<p>"+data[j].name+"</p>\n" +
                "<ul class=\"star clearfix\">\n" +
                "<li class=\"fill\"></li>\n" +
                "<li class=\"fill\"></li>\n" +
                "<li class=\"fill\"></li>\n" +
                "<li class=\"fill\"></li>\n" +
                "<li class=\"fill\"></li>\n" +
                "</ul>\n" +
                "<p></i>￥<i>"+data[j].price+"</i></p>\n" +
                "</li>";
            $("#titlelistul").append(html);
        }
    })
}